/* Styl dla kontenera z opcjami subskrypcyjnymi */
.subscription-box {
    position: absolute;
    display: flex; /* Ustawienie kontenera jako flexbox */
    left: 1400px;
    flex-direction: row; /* Ustawienie kierunku flexboxa w poziomie */
    flex-wrap: wrap; /* Zezwolenie na przenoszenie elementów na nową linię, jeśli jest to konieczne */
    gap: 10px; /* Przestrzeń między elementami (opcjonalnie) */
    justify-content: center; /* Wyśrodkowanie elementów poziomo */
    border-radius: 1.5rem; /* Zaokrąglenie rogów, możesz dostosować tę wartość */
    top: 60%; /* Przesunięcie kontenera o % od górnej krawędzi */
    border: 1px solid #ff0000; /* Opcjonalnie, dla wyróżnienia kontenera */
    width: 930px; /* Maksymalna szerokość kontenera */
}   

/* Styl dla opcji subskrypcyjnych */
.subscription-option {
    position: relative; 
    display: flexbox;
    background-color: #131111; /* Tło boxa */
    padding: 1rem; /* Padding wewnętrzny dla boxa */
    left: 105px;
    cursor: pointer; /* Wskaźnik wskazujący na możliwość kliknięcia */
    width: 100%; /* Pełna szerokość kontenera */
    max-width: 160px; /* Maksymalna szerokość kontenera */
    border: 1px solid #ff0000; /* Opcjonalnie, dla wyróżnienia kontenera */
    border-radius: 1.3rem; /* Zaokrąglenie rogów, możesz dostosować tę wartość */
}

.boxik {
    background-color: #0e0d0d; /* Tło boxa */
    width: 100%; /* Pełna szerokość kontenera */
    padding: 1rem; /* Padding wewnętrzny dla boxa */
    border-radius: 1.5rem; /* Zaokrąglenie rogów, możesz dostosować tę wartość */
    height: 361px;
}


.subscription-option:hover {
    background-color: rgba(255, 255, 255, 0.2); /* Tło przy najechaniu */
}

.selected-option {
    background-color: #222222; /* Kolor tła dla wybranego elementu */
    color: #ff0000; /* Kolor tekstu dla wybranego elementu */
    border-color: #ff0000; /* Kolor obramowania dla wybranego elementu */
    
}

/* Styl dla przycisku "Buy Now" */
.buy-now-button {
    background-color: #131111; /* Tło przycisku */
    color: rgb(255, 255, 255); /* Kolor tekstu przycisku */
    border: none; /* Usunięcie obramowania */
    padding: 0.75rem 1.5rem; /* Padding wewnętrzny */
    font-size: 1rem; /* Rozmiar czcionki */
    cursor: pointer; /* Wskaźnik wskazujący na możliwość kliknięcia */
    transition: background-color 0.3s; /* Płynne przejście tła */
    border: 1px solid #ff0000; /* Opcjonalnie, dla wyróżnienia kontenera */
    border-radius: 1.5rem; /* Zaokrąglenie rogów */
    margin: 0 auto; /* Wyśrodkowanie poziome */
    display: block; /* Konieczne, aby margin auto działał */
}


.buy-now-button:hover {
    background-color: #313131; /* Tło przycisku przy najechaniu */
}

/* Styl dla tekstu "Susano" */
.text-5xl {
    font-size: 1.5rem; /* Zwiększa rozmiar czcionki */
    font-weight: 600; /* Pogrubienie tekstu */
    color: #ff0000 !important; /* Czerwony kolor tekstu */
}